<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>博客分类页面</title>
<link rel="stylesheet" href="css/blog.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/angularJS/angular.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/service/blogTypeService.js"></script>
<script type="text/javascript" src="js/controller/blogTypeController.js"></script>

</head>
<body ng-app="blog" ng-controller="blogTypeController"
	ng-init="findTypeList()">
	
	<div class="span4"
		style="margin-right: 20px; height: 100%; width: 270px; ">
		<!--博主信息-->
		<div align="center" style="border-radius: 5px; border: 1px solid #E5E5E5">
			<div
				style="padding-top: 7px; margin: 10px; border-bottom: 1px solid #E5E5E5">
				<p align="center">
					<font style="font-size: 20px; color: #0184b2">博主</font>
				</p>
			</div>
			<div>
				<img class="img-polaroid" src="img/my.png" width="75%" />
			</div>
			<div>
				<p>
					<font style="font-size: 18px">(编程改变世界)</font>
				</p>
			</div>


		</div>
		<div style="border-radius: 5px; border: 1px solid #E5E5E5;margin-top: 50px">
			<div align="center"
				style="padding-top: 7px; margin: 10px; border-bottom: 1px solid #E5E5E5">

				<p>
					<font style="font-size: 18px">按类别分类</font>
				</p>
			</div>
			<div style="padding-left: 10px">
				<ul>
					<li ng-repeat="type in typeList"><a
						href="index.html#?typeId={{type.typeId}}" target="_blank">{{type.typeName}}</a>
					</li>
				</ul>
			</div>

		</div>

		<!-- <div>
			<p>按日期分类</p>
			<ul>
				<li><a href="#">2017-05-26</a></li>
				<li><a href="#">2017-06-21</a></li>
				<li><a href="#">2017-08-16</a></li>
				<li><a href="#">2018-05-4</a></li>
				<li><a href="#">2018-12-26</a></li>
				<li><a href="#">2019-03-19</a></li>
			</ul>
		</div> -->
		<!--时钟插件  -->
		<div style="border-radius: 5px; border: 1px solid #E5E5E5;margin-top: 50px">
			<div align="center"
				style="padding-top: 7px; margin: 10px; border-bottom: 1px solid #E5E5E5">

				<p>
					<font style="font-size: 18px">日历控件</font>
				</p>
			</div>
			<div style="margin-top: -10px">
				<iframe FRAMEBORDER=0 scrolling="no" src="plugin/calendar/index.html"
				height="500px" width="100%"></iframe>
			</div>
			
		</div>
	</div>
	

</body>
</html>